.topBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  // padding: 0.5rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  // background: #ccc;
  z-index: 999;
  padding: 0.5rem 0;
  transition: 0.5s;
  .userImg {
    margin-left: 0.5rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .linkleImg {
    margin-right: 0.5rem;
    width: 35px;
    height: 35px;
  }
  .search_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    border: 1px solid transparent;
    background-color: hsla(0, 0%, 100%, 0.4); 
    margin: 0 0.5rem;
    padding: 0.5rem 0.2rem;
    border-radius: 10rem;
    .searchImg {
      margin-left: 0.5rem;
    }
    .text {
      margin-right: 1.3rem;
      font-size: 0.9rem;
      color: #848484;
    }
  }
}
.flag {
  background: #fff;
  .search_box {
    border: 1px solid #ccc;
    // background-color: hsla(0, 0%, 64%, 0.3);
    .text {
      color: #999;
    }
  }
}
